{extend name="common/layout" /}
{block name="style"}
<link rel="stylesheet" href="__PUBLIC__/others/lightbox2/css/lightbox.css">
<style>
    .detail {
        background: #fff;
        padding: 8px;
    }

    .detail .title {
        line-height: 1.5em;
        font: 18px 'Microsoft Yahei', Tahoma, Simsun;
    }

    .fprice {
        color: #f00;
        font-size: 18px;
    }

</style>
{/block}
{block name="main"}
<div class="container content-wrap">
    <div class="row">

        <main class="col-md-8 main-content">
            <ol class="breadcrumb crumb">
                <li><a href="/">首页</a></li>
                <li><a href="{:url('@index/shopping/index')}">商品</a></li>
                <li class="active">{$name}</li>
            </ol>

            <div class="col-md-12 detail">
                <div class="col-md-5">
                    <div class="thumbnail">
                        <a href="{$item->pict_url}" data-lightbox="roadtrip" data-title="{$item->title}">
                            <img src="{$item->pict_url}">
                        </a>
                    </div>
                </div>
                <div class="col-md-7">
                    <h3 class="title">{$item->title}</h3>
                    {if $item->reserve_price > $item->zk_final_price}
                    <span class="row">一口价：<del>￥{$item->reserve_price}</del></span>
                    {/if}
                    <span class="row">折扣价：<span class="fprice">￥{$item->zk_final_price}</span></span>
                    {if $item->reserve_price > $item->zk_final_price}
                    <span class="row">可节省：<span class="fprice">￥{php}echo bcsub($item->reserve_price, $item->zk_final_price, 2);{/php}</span></span>
                    {/if}
                    <span class="row">所在地：{$item->provcity}</span>
                    {if $item->status}
                    <span class="row">
                        <a href="{$item.click_url}" target="_blank" class="btn btn-primary" role="button">去看看</a>
                    </span>
                    {/if}
                </div>
            </div>
            {if $small_images}
            <div class="col-md-12 detail">
                <div class="widget">
                    <h4 class="title">图片详情</h4>
                    <div class="content community">
                        {volist name="small_images" id="vo"}
                        <p class="thumbnail">
                            <a href="{$vo}" data-lightbox="roadtrip" data-title="{$item->title}">
                                <img class="lazy" data-original="{$vo}"/>
                            </a>
                        </p>
                        {/volist}
                    </div>
                </div>
            </div>
            {/if}

        </main>
        <sidebar class="col-md-4 sidebar">
            <div class="widget">
                <h4 class="title">店铺信息</h4>
                <div class="content community">
                    <span class="row">店铺名称：<a href="{:url('@index/shop/index', 'id='.$item->seller_id)}">{$item->shop_title}</a> </span>
                    <span class="row">卖家昵称：{$item->nick}</span>
                    <span class="row">卖家ID ：{$item->seller_id}</span>
                </div>
            </div>

            {include file="common/rightRecommendGoodsList" /}

        </sidebar>
    </div>

</div>
{/block}
{block name="js"}
<script src="__PUBLIC__/others/lightbox2/js/lightbox.js"></script>
{/block}